<!DOCTYPE html>
<html>
<head>
  <title>📦 万能收纳地图（本地版）</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="manifest" href="manifest.json">
  <style>
    body { font-family: Arial, sans-serif; padding: 20px; max-width: 600px; margin: 0 auto; }
    #itemList { margin-top: 20px; }
    .item { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; border-radius: 8px; }
    button { background: #4CAF50; color: white; border: none; padding: 8px 12px; margin-right: 5px; border-radius: 4px; }
    img { max-width: 100%; height: auto; }
  </style>
</head>
<body>
  <h1>📦 我的收纳地图</h1>
  <button id="addBtn">➕ 添加物品</button>
  <input type="text" id="searchInput" placeholder="搜索物品...">
  <div id="itemList"></div>
  <input type="file" id="cameraInput" accept="image/*" capture="camera" hidden>

  <script src="app.js"></script>
</body>
</html>